<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <meta
      name="description"
      content="汇融名企是面向全国商家服务的大型互联网平台，为商家提供流量扶持，引导品牌曝光；为消费者提供风云榜单，招商加盟，引导实现消费，达成合作，上汇融名企实现共赢。"
    />
    <title>关于我们-汇融名企</title>
    <link rel="stylesheet" href="./css/common.css" />
    <style>
      .top {
        min-width: 1500px;
        height: 753px;
        background: url('./image/picture/aboutUs_top_bg.png') center no-repeat;
        background-size: cover;
        margin: auto;
        position: relative;
        z-index: 9;
      }
      .mid {
        min-width: 1500px;
        height: 855px;
        background: url('./image/picture/aboutUs_mid_bg.png') center no-repeat;
        background-size: cover;
        margin: auto;
      }
      .mid-title {
        width: 437px;
        height: 68px;
        background: url('./image/picture/aboutUs_mid_title.png') center;
        position: relative;
        top: 107px;
        margin: auto;
      }
      .mid-container {
        position: relative;
        top: 225px;
        text-align: center;
      }
      .temp-item {
        width: 514px;
        height: 217px;
        display: inline-block;
        margin-right: 75px;
        margin-left: 95px;
        margin-bottom: 50px;
        vertical-align: top;
      }
      .mid-item {
        width: 514px;
        height: 512px;
        background: url('./image/picture/aboutUs_mid_item_bg_2.png') center;
        display: inline-block;
        margin-right: 75px;
        margin-left: 95px;
        margin-bottom: 50px;
        vertical-align: top;
      }
      .mid-item-title {
        width: 116px;
        height: 116px;
        background: url('./image/picture/aboutUs_mid_item_title2.png') center;
        position: relative;
        line-height: 116px;
        top: 50px;
        left: -53px;
        font-size: 18px;
        color: #ffffff;
        display: inline-block;
      }
      .ps {
        color: #e43a3c;
        font-weight: bold;
      }
      .mid-item-desc {
        text-align: left;
        font-size: 14px;
        color: #2c2d30;
        line-height: 24px;
        width: 392px;
        display: inline-block;
        vertical-align: top;
        position: relative;
        top: 46px;
        left: -40px;
      }
      .bottom-wrapper {
        width: 980px;
        padding-left: 420px;
        line-height: 85px;
        margin: auto;
        position: relative;
      }
      .bottom {
        min-width: 1500px;
        height: 90px;
        background: url('./image/picture/aboutUs_bottom_bg.png') center
          no-repeat;
        background-size: cover;
        margin: auto;
      }
      .bottom-item {
        display: inline-block;
        margin-right: 60px;
      }
      .bottom-item span {
        font-size: 16px;
        color: #ffffff;
      }
      .bottom-item input {
        border: none;
        outline: none;
        height: 38px;
        background: rgba(255, 255, 255, 1);
        text-indent: 10px;
        position: relative;
        vertical-align: baseline;
        left: 10px;
        box-shadow: 0 0 10px 0 #bd1e50;
      }
      .bottom-item-submit {
        vertical-align: middle;
        margin-left: 50px;
        cursor: pointer;
        box-shadow: 0 0 10px 0 #bd1e50;
      }
    </style>
  </head>
  <body>
    <!-- <div id="header-page"></div> -->
    <!--#include virtual="/header.html" -->
    <div class="content">
      <div class="top"></div>
      <!--火热招商-悬浮-->
      <div class="brand-star">
        <div class="brand-star-left">
          <img
            class="brand-left-close"
            id="brand-left-close"
            src="./image/icon/index_anniu-yellow.png"
            alt="火热招商-汇融名企"
          />
          <a href="http://www.jsboth.com" rel="nofollow" target="_blank"
            ><img
              class="brand-star-img"
              src="./image/picture/index_bg.png"
              alt="火热招商-汇融名企"
          /></a>
        </div>
        <div class="brand-star-right">
          <img
            class="brand-right-close"
            id="brand-right-close"
            src="./image/icon/index_anniu-yellow.png"
            alt="火热招商-汇融名企"
          />
          <a href="http://www.jsboth.com" rel="nofollow" target="_blank"
            ><img
              class="brand-star-img-right"
              src="./image/picture/index_bg.png"
              alt="火热招商-汇融名企"
          /></a>
        </div>
      </div>
      <div class="mid">
        <div class="wrapper">
          <div class="mid-title"></div>
          <div class="mid-container">
            <div class="mid-item">
              <div
                class="mid-item-title"
                style="
                  background: url('./image/picture/aboutUs_mid_item_title.png')
                    center;
                "
              >
                公司简介
              </div>
              <div class="mid-item-desc">
                <span class="ps">公司简介：</span>
                汇融名企是面向全国商家服务的大型互联网平台，多市场多行业多方向资源整合，广阔的市场资源结合专业团队，负责细心提供精准有效的商业服务，优质平台客户值得信赖！平台集合全国优质企业和商家案例，实现优质服务个性化，强势打造品牌力量助力企业快速成长，火热招商将需求有效准确展现给全国优质有意合作商，实现合作共赢！汇融名企等你加入！
              </div>
              <div class="mid-item-title" style="top: 120px;">
                企业文化
              </div>
              <div class="mid-item-desc" style="margin-top: 60px;">
                <span class="ps">企业文化：</span>
                为优质品牌打造不懈努力，为优质潜力企业提供专业服务，尊重有梦想的人，有梦想的公司，为处于激烈竞争市场上的企业提供一盏明灯，为实现企业的市场价值而共同努力！
              </div>
            </div>
            <div class="mid-item">
              <div class="mid-item-title">
                特色服务
              </div>
              <div class="mid-item-desc">
                <span class="ps">特色服务：</span>
                汇融名企平台立志成为企业的强壮翅膀，专业的团队为您提供优质商业服务，精心策划全程负责，公司首页大展位实现流量转化，本地风云榜为消费者提供人气品牌实现品牌消费引领，招商加盟为全国大小合作商准确转达信息，实现合作共赢，招标服助力企业快速发展壮大，汇融名企为您的梦想贡献一份力量！
              </div>
              <div class="mid-item-title" style="top: 190px;">
                联系我们
              </div>
              <div class="mid-item-desc" style="margin-top: 130px;">
                <div class="ps" style="display: inline-block;">联系我们：</div>
                <div style="display: inline-block; vertical-align: top;">
                  <p>
                    <a
                      style="color: unset; cursor: pointer;"
                      onclick="window.open('http://wpa.qq.com/msgrd?v=3&uin=811073540&site=在线客服&menu=yes');"
                    >
                      <img
                        style="vertical-align: middle; margin-right: 5px;"
                        src="./image/icon/home_icon_qq.png"
                        alt="QQ-汇融名企"
                      />
                      <span style="font-weight: bold;">QQ：</span>811073540</a
                    >
                  </p>
                  <p>
                    <img
                      style="vertical-align: middle; margin-right: 5px;"
                      src="./image/icon/home_icon_mail.png"
                      alt="邮箱-汇融名企"
                    />
                    <span style="font-weight: bold;">邮箱：</span
                    >811073540@qq.com
                  </p>
                  <p>
                    <img
                      style="vertical-align: middle; margin-right: 5px;"
                      src="./image/icon/home_icon_phone.png"
                      alt="电话-汇融名企"
                    />
                    <span style="font-weight: bold;">电话：</span>400-058-0357
                  </p>
                </div>
              </div>
            </div>
            <!-- <div class="mid-item">
              <div class="mid-item-title">
                企业文化
              </div>
              <div class="mid-item-desc">
                <span class="ps">企业文化：</span>

                为优质潜力企业提供专业服务，尊重有梦想的人，有梦想的公司，为处于激烈竞争市场上的企业提供一盏明灯，为实现企业的市场价值而共同努力！
              </div>
            </div> -->
            <!-- <div class="temp-item"></div> -->
            <!-- <div class="mid-item">
              <div class="mid-item-title">
                联系我们
              </div>
              <div class="mid-item-desc">
                <p>
                  <span style="font-weight: bold">公司地址：</span
                  >河北省石家庄市嘉禾广场D座
                </p>
                <p><span style="font-weight: bold">邮编：</span>100337</p>
                <p><span style="font-weight: bold">电话：</span>400-000-0000</p>
              </div>
            </div> -->
          </div>
        </div>
      </div>
      <div class="bottom">
        <div class="bottom-wrapper">
          <div class="bottom-item">
            <span>您的姓名：</span>
            <input
              id="name"
              style="width: 108px;"
              placeholder="请输入姓名"
              type="text"
            />
          </div>
          <div class="bottom-item">
            <span>您的电话：</span>
            <input
              id="phone"
              style="width: 252px;"
              placeholder="请输入联系方式"
              type="text"
            />
          </div>
          <img
            id="submit"
            class="bottom-item-submit"
            src="./image/picture/aboutUs_bottom_btn.png"
            alt="咨询我们-汇融名企"
          />
        </div>
      </div>
    </div>
    <!-- <div id="footer-page"></div> -->
    <!--#include virtual="/footer.html" -->
    <script src="./js/jquery-1.11.0.min.js"></script>
    <script src="./js/api.js"></script>
    <script type="text/javascript">
      $(function () {
        init()
      })
      function init() {
        // $('#header-page').load('header.html')
        // $('#footer-page').load('footer.html')
        var windowWidth = $('body').width()
        if (windowWidth > 1903) {
          $('.top').css('height', (753 / 1920) * windowWidth + 'px')
          $('.mid').css('height', (855 / 1920) * windowWidth + 'px')
        }
        $('#submit').click(function () {
          var truename = $('#name').val()
          var nameTest = /^(?:[\u4e00-\u9fa5]+)(?:●[\u4e00-\u9fa5]+)*$|^[a-zA-Z0-9]+\s?[\.·\-()a-zA-Z]*[a-zA-Z]+$/
          var phone = $('#phone').val()
          var phoneTest = /(^(0[0-9]{2,3}\-)?([2-9][0-9]{6,7})+(\-[0-9]{1,4})?$)|(^0?[1][3-9 ][0-9]{9}$)/
          if (!nameTest.test(truename)) {
            addMessage('姓名输入有误，请重新输入！', 'error')
            return false
          }
          if (!phoneTest.test(phone)) {
            addMessage('电话输入有误，请重新输入！', 'error')
            return false
          }
          var params = { truename: truename, phone: phone }
          var api = new ajax('POST', '/api/feedback/setSave', params)
          api.then(function (res) {
            var data = JSON.parse(res)
            if (data.code !== 1) {
              addMessage(data.msg, 'warning')
            } else {
              $('#name').val('')
              $('#phone').val('')
              addMessage('提交成功', 'success')
            }
          })
        })
      }
    </script>
  </body>
</html>
